<template>
  <div class="my_auth_book">
    <img v-if="userInfo.authBook" :src="staticHost + userInfo.authBook" alt />
    <div class="nothing" v-else>
      <p>暂无授权书</p>
    </div>
  </div>
</template>

<script>
import { staticHost } from "../service/HOST.js";
import { mapState } from "vuex";

export default {
  data() {
    return {
      staticHost
    };
  },
  computed: {
    ...mapState({
      userInfo: state => state.login_module.userinfo,
      countAlias: "userInfo"
    })
  },
  methods: {}
};
</script>

<style scoped>
.my_auth_book img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

.nothing {
  margin: 20px;
  text-align: center;
}
</style>